<div id="wrapper-content">
    <div class="container">
        <div class="twelve columns">
            <div id="header">
                <div id="slider-container">
                    <div id="slider" class="nivoSlider">
                      <%= image_tag "unioncorp/slider1.jpg" %>
                      <%= image_tag "unioncorp/slider2.jpg" %>
                      <%= image_tag "unioncorp/slider3.jpg" %>
                      <%= image_tag "unioncorp/slider4.jpg" %>
                    </div><!-- #slider -->
                    <div id="htmlcaption1" class="nivo-html-caption">
                        <span class="sdate">December 01, 2011</span>
                        <h1>Let&acute;s create your company growth faster...</h1>
                        <hr/>
                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
                    </div>
                    <div id="htmlcaption2" class="nivo-html-caption">
                        <span class="sdate">December 05, 2011</span>
                        <h1>We can help to solve your company problem...</h1>
                        <hr/>
                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
                    </div>
                    <div id="htmlcaption3" class="nivo-html-caption">
                        <span class="sdate">December 07, 2011</span>
                        <h1>We always smile to help you...</h1>
                        <hr/>
                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
                    </div>
                    <div id="htmlcaption4" class="nivo-html-caption">
                        <span class="sdate">December 07, 2011</span>
                        <h1>Discover the places you&acute;ve never been before...</h1>
                        <hr/>
                        <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In sapien lorem, placerat ac imperdiet a, volutpat et risus. </p>
                    </div>
                </div><!-- #slider-container -->
            </div><!-- #header -->
            <div id="content">

                <div class="one_half firstcols">
                    <img src="/assets/unioncorp/icons/icon1.png" alt="" class="alignleft" />
                    <h1 class="nomargin">Internet Marketing</h1>
                    <p class="indentleft">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus pretium porttitor. Vestibulum ante ipsum primis in faucibus.</p>
                </div>
                <div class="one_half lastcols">
                    <img src="/assets/unioncorp/icons/icon2.png" alt="" class="alignleft" />
                    <h1 class="nomargin">Premium Themes</h1>
                    <p class="indentleft">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus pretium porttitor. Vestibulum ante ipsum primis in faucibus.</p>
                </div>
                <div class="separator line"></div>
                <div class="one_half firstcols">
                    <img src="/assets/unioncorp/icons/icon3.png" alt="" class="alignleft" />
                    <h1 class="nomargin">Brand Identity</h1>
                    <p class="indentleft">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus pretium porttitor. Vestibulum ante ipsum primis in faucibus.</p>
                </div>
                <div class="one_half lastcols">
                    <img src="/assets/unioncorp/icons/icon4.png" alt="" class="alignleft" />
                    <h1 class="nomargin">Good Ideas</h1>
                    <p class="indentleft">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus pretium porttitor. Vestibulum ante ipsum primis in faucibus.</p>
                </div>

                <div class="separator line"></div>

                <div class="one_third firstcols">
                    <h2>Welcome Guest!</h2>
                    <p>Sed scelerisque aliquet orci quis dictum. Vivamus malesuada suscipit sapien sit amet egestas. Phasellus sit amet lectus non enim laoreet volutpat. </p>
                    <p class="colortext">Pellentesque eget risus ac nunc dignissim venenatis. Etiam commodo interdum consequat. </p>
                    <p>Pellentesque rutrum risus sed neque vestibulum non consectetur erat suscipit. Quisque facilisis pellentesque venenatis. Fusce mollis rhoncus sapien. </p>
                    <p>Maecenas consequat libero mattis nisl fringilla pretium. Aenean faucibus, erat bibendum volutpat hendrerit, lectus metus gravida sapien, vel malesuada lorem erat a ipsum. Sed porta fermentum pellentesque.</p>
                </div>
                <div class="one_third">
                    <h2>Features</h2>
                    <p>
                    <img src="/assets/unioncorp/content/pic1.jpg" alt="" class="border" />
                    </p>
                    <p>Praesent cursus, quam et dapibus pharetra, lacus lorem interdum magna, ac condimentum tellus ligula id erat. Etiam vehicula aliquet venenatis.</p>
                    <p>Nam at nulla nibh, sit amet dapibus tortor. Nulla elementum tempor mattis. Nam purus diam, blandit sed cursus ut, tempor vitae urna.</p>
                    <a href="#" class="button">Read More</a>
                </div>
                <div class="one_third lastcols">
                    <h2>Latest News</h2>
                    <ul id="latestpost">
                        <li>
                            <img src="/assets/unioncorp/content/lp1.jpg" alt="" class="alignleft border"  />
                            <h5><a href="#">Photography Design</a></h5>
                            <p>Phasellus sit amet lectus non enim laoreet volutpat, lacus sodales lobortis.</p>
                        </li>
                        <li>
                            <img src="/assets/unioncorp/content/lp2.jpg" alt="" class="alignleft border"  />
                            <h5><a href="#">Business Services</a></h5>
                            <p>Phasellus sit amet lectus non enim laoreet volutpat, lacus sodales lobortis.</p>
                        </li>
                        <li>
                            <img src="/assets/unioncorp/content/lp3.jpg" alt="" class="alignleft border"  />
                            <h5><a href="#">Development Themes</a></h5>
                            <p>Phasellus sit amet lectus non enim laoreet volutpat, lacus sodales lobortis.</p>
                        </li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div><!-- #content -->
        </div>
    </div>
</div><!-- end #wrapper-content -->
